<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
{% comment %}
<!--
  Copyright (C) 2008 ZHENG Zhong <http://www.zhengzhong.net/>

  The base template for the Hottywood webapp.
  
  Created on 2009-04-29.
  $Id$
-->
{% endcomment %}

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

  <head>
  
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta content="Hottywood" name="webapp"/>
    <meta content="ZHENG Zhong" name="author"/>
    <link rel="shortcut icon" type="image/ico" href="{{static_}}/favicon.ico"/>
    <link rel="stylesheet" type="text/css" media="screen,print" href="{{static_}}/css/common.css"/>
    <link rel="stylesheet" type="text/css" media="screen,print" href="{{static_}}/css/sidebar.css"/>
    
    <style type="text/css"><!--
    
      #navbar_wrapper {
        margin: 0;
        padding: 8px 20px 8px 20px;
        white-space: nowrap;
        color: #666666;
        background: url("{{static_}}/images/silver_bg.gif") repeat-x;
      }
      
      #navbar_wrapper a,
      #navbar_wrapper a:hover {
        color: #666666;
        text-decoration: none;
      }
      
      .big_button {
        margin: 10px 0 10px 0;
        padding: 10px;
        width: 120px;
        text-align: center;
        white-space: nowrap;
        font: normal bold 120% 'Trebuchet MS',arial,sans-serif;
        color: #FFFFFF;
        background: url("{{static_}}/images/blue_bg.gif") repeat-x;
        border: 1px solid #1150A2;
      }
      
      .big_button a,
      .big_button a:hover {
        padding: 10px;
        color: #FFFFFF;
        text-decoration: none;
      }
    
    --></style>
    
    <!-- javascript libraries ___________________________________________________________________-->
    
    <script src="http://www.google.com/jsapi?key={{ajax_api_key_}}" type="text/javascript"></script>
    <script type="text/javascript">//<![CDATA[
      google.load("jquery", "1.2");    // Load JQuery...
      google.load("jqueryui", "1.5");  // Load JQuery UI...
    //]]></script>
    
    <!-- google analytics _______________________________________________________________________-->
    
    <script type="text/javascript">//<![CDATA[
      var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
      document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
      try {
        var pageTracker = _gat._getTracker("{{analytics_key_}}");
        pageTracker._trackPageview();
      } catch(err) {}
    //]]></script>
    
    <!-- html_head block ________________________________________________________________________-->
    
    {% block html_head %}{% endblock %}
  
  </head>
  
  <body>
    
    <div id="outer_wrapper">
    
      <!-- Header _______________________________________________________________________________-->
      
      <div id="header_wrapper">
      
        <div class="left">
          <a href="{{webapp_}}/">
            <img src="{{static_}}/images/hottywood_logo.gif" alt="Hottywood Logo"/>
          </a>
        </div><!--/.left-->
        
        <div class="right">
        
          {% if user_ %}
            <b>{{user_.nickname}}</b>
            | <a href="{{webapp_}}/my_profile/">Profile</a>
            | <a href="{{sign_out_url_}}">Sign out</a>
          {% else %}
            Welcome | <a href="{{sign_in_url_}}">Sign in</a>
          {% endif %}
          | <a href="{{webapp_}}/">Home</a>
          | <a href="{{webapp_}}/doc/about/">About</a>
          | <a href="{{webapp_}}/doc/faq/">FAQ</a>
        
        </div><!--/.right-->
        
        <div class="clear"></div>
      
      </div><!--/#header_wrapper-->
      
      <!-- Navbar _______________________________________________________________________________-->
      
      <div id="navbar_wrapper">
        <a href="{{webapp_}}/">Hottywood</a> &#187;
        {% block navbar %}{% endblock %}
      </div><!--/#navbar_wrapper-->
      
      <div id="main_wrapper">
      
        {% include "hottywood/include/no_ie.html" %}
        {% include "hottywood/include/prompt.html" %}
        
        {% block main %}
        
          <!-- Sidebar __________________________________________________________________________-->
          
          <div id="sidebar_wrapper">
            {% block sidebar %}
              {% include "hottywood/include/sidebar.html" %}
            {% endblock %}
          </div><!--/#sidebar_wrapper-->
          
          <!-- Content __________________________________________________________________________-->
          
          <div id="content_wrapper">
            {% block content %}FIXME: content block{% endblock %}
          </div><!--/#content_wrapper-->
        
        {% endblock %}{# main #}
      
      </div><!--/#main_wrapper-->
      
      <!-- Footer _______________________________________________________________________________-->
      
      <div id="footer_wrapper">
        Hottywood (version {{version_}})
        - Copyright (C) 2008-2009 <a href="http://www.zhengzhong.net/">ZHENG Zhong</a>,
        All Rights Reserved.
        <br/>
        <a href="{{webapp_}}/">Home</a>
        | <a href="{{webapp_}}/doc/about/">About</a>
        | <a href="{{webapp_}}/doc/faq/">FAQ</a>
        | <a href="http://buggarden.zhengzhong.net/" rel="external">Made in Bug Garden</a>
        | <a href="http://validator.w3.org/check?uri=referer" rel="external">Valid XHTML 1.0!</a>
        | <a href="http://jigsaw.w3.org/css-validator/check/referer" rel="external">Valid CSS!</a>
      </div><!--/#footer-wrapper-->
    
    </div><!--/#outer-wrapper-->
    
  </body>

</html>



